<template>
  <div id="app">
    <router-view ></router-view>
    <v-loading :show="app.ajaxLoading"></v-loading>
  </div>
</template>

<script>
import VLoading from './components/loading/loading.vue'
import { mapState } from 'vuex'
export default {
  name: 'app',
  components: {
    VLoading
  },
  computed: {
    ...mapState([
      'app'
    ])
  }
}
</script>

<style lang="less">
  @import '~nprogress/nprogress.css';
  @import '~iview/dist/styles/iview.css';
  html{
    height: 100%;
    font-size: 14px;
  }
  body{
    height: 100%;
    font-size: 14px !important;
    margin: 0;
    padding: 0;
  }
  #app {
    height: 100%;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;

}
  .theme_bg_color{
    background-color: #fad232;
  }
  a:visited {
     color: inherit;
    }
  a:link {
    color:inherit;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
  }
  a {
    /*color: inherit;*/
  }
  a:active  {
    background:none;
    color: darkgray;
  }
  .input_no_border {
    outline: none;
    border: none;
  }
  .input_no_border input {
    outline: none;
    border: none;
  }
  .el-button--primary{
    border:none;
    background-color: #fad232;
  }
  .el-button--primary:focus, .el-button--primary:hover{
    background-color: #fad232;
    opacity: 0.6;
  }
  button {
    border: none;
  }
  .gui-btn:disabled{
    background-color:darkgrey;
  }
  .parentalCtr_other634 {
    width: 1.0em;
    height: 1em;
  }
  .img_gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
  }
  .setting_user_img {
    width: 4.5em;
    height: 4.5em;
    overflow: hidden;
  }
  .weui-icon-clear {
    font-size: 18px !important; /**放大×按钮*/
  }

</style>
